<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Agenda Posgrad - Minhas pendências</title>
<%@ include file="../../includes/head.jsp" %>

	<script type="text/javascript">
		$(function() {
			$("#abas").tabs().find(".ui-tabs-nav").sortable({axis:'x'});
		});
	</script>
	
	<script type="text/javascript">
		var defesa_id = 0;
		var proposta_id = 0;
		var homologar_id = 0;

		function homologarDefesa(homologado) {
			window.location = "admin/defesas/"+homologar_id+"/homologar-"+homologado;
		}
		
		function homologarProposta(homologado) {
			window.location = "admin/propostas/"+homologar_id+"/homologar-"+homologado;
		}
	
		$(function() {
			$("#dialog").dialog({
				autoOpen: ${empty homologado ? false : homologado},
				modal: true,
				buttons: {
					"Fechar": function() {$("#resultado",this).text('');$(this).dialog('close');}
				}
			});

			$("#dialog-detalhes-defesa").dialog({
				autoOpen: false,
				modal: true,
				beforeclose: function(event, ui) {
					$('#content',this).text("");
					proposta_id = 0;
				},
				buttons: {
					"Visualizar Defesa": function() {window.open("admin/defesas/pdf/"+defesa_id,"","width=250,height=300,status=yes,toolbar=no,menubar=no");},
					//"Ver Anexo": 	function() {window.open("blank.htm"+proposta_id,"","width=800,height=600,status=yes,toolbar=no,menubar=no");}
				}
			});			

			$("#dialog-homologar-defesa").dialog({
				autoOpen: false,
				modal: true,
				buttons: {
					"APROVAR": function() {homologarDefesa(true);$(this).dialog('close');},
					"REPROVAR": function() {homologarDefesa(false);$(this).dialog('close');}
				}
			});

			$(".btn-homologar-defesa").click(function (event) {
				var dialog = $('#dialog-homologar-defesa');
				homologar_id = $(this).attr("title");
				var title = "Homologar Defesa de Dissertação de " + $(this).attr("alt");

				event.preventDefault();				
				dialog.dialog("option" , "title" , title);
				dialog.dialog('open');
			});
			
			$(".btn-detalhes-defesa").click(function (event) {
				var loader = $('#loader-defesa');
				var dialog = $('#dialog-detalhes-defesa');
				var content	= $('#dialog-detalhes-defesa #content');			
				var title = "Detalhes da Defesa de " + $(this).attr("alt");

				loader.show();
				event.preventDefault();
				dialog.dialog("option" , "title" , title);
				dialog.dialog('open');
				content.load($(this).attr("href"), function() {
					$('#loader-defesa').hide();					
					defesa_id = $("#defesa_id").val();
				});
			});
			
			$("#dialog-detalhes-proposta").dialog({
				autoOpen: false,
				modal: true,
				beforeclose: function(event, ui) {
					$('#content',this).text("");
					proposta_id = 0;
				},
				buttons: {
					"Baixar Anexo": function() {window.open("admin/propostas/pdf/"+proposta_id,"","width=250,height=300,status=yes,toolbar=no,menubar=no");},
					//"Ver Anexo": 	function() {window.open("blank.htm"+proposta_id,"","width=800,height=600,status=yes,toolbar=no,menubar=no");}
				}
			});			

			$("#dialog-homologar-proposta").dialog({
				autoOpen: false,
				modal: true,
				buttons: {
					"APROVAR": function() {homologarProposta(true);$(this).dialog('close');},
					"REPROVAR": function() {homologarProposta(false);$(this).dialog('close');}
				}
			});

			$(".btn-homologar-proposta").click(function (event) {
				var dialog = $('#dialog-homologar-proposta');
				homologar_id = $(this).attr("title");
				var title = "Homologar Proposta de Dissertação de " + $(this).attr("alt");

				event.preventDefault();				
				dialog.dialog("option" , "title" , title);
				dialog.dialog('open');
			});
			
			$(".btn-detalhes-proposta").click(function (event) {
				var loader = $('#loader-proposta');
				var dialog = $('#dialog-detalhes-proposta');
				var content	= $('#dialog-detalhes-proposta #content');			
				var title = "Detalhes da Proposta de " + $(this).attr("alt");

				loader.show();
				event.preventDefault();
				dialog.dialog("option" , "title" , title);
				dialog.dialog('open');
				content.load($(this).attr("href"), function() {
					$('#loader-proposta').hide();					
					proposta_id = $("#proposta_id").val();
				});
			});
			
		});

		$(document).ajaxError(function(event, xhr, settings, exception) {
			var errorMsg = "Erro ao acessar url '" + settings.url + "'("+ settings.type +"):\n"+xhr.status+" - "+xhr.statusText+" \nExceçao:"+exception;    			
			$('#dialog').text(errorMsg).dialog('open');
		});		
	</script>
</head>
<body>
<%@ include file="../includes/topo.jsp" %>

		<div id="nome_acao">Pendencias</div>
			
			<div id="abas">
				<ul>
					<li><a href="#aba-1">Propostas</a></li>
					<li><a href="#aba-2">Defesas</a></li>
				</ul>
				<div id="aba-1">	
				<c:choose>
					<c:when test="${empty pendenciasProposta}">
						<p>Nenhuma proposta pendente.</p>
					</c:when>
					<c:otherwise>
					<table width="100%" bordercolor="#000000" border="0" cellspacing="3" cellpadding="2">
		              <tr>
		                <th>Nº Processo</th>
		                <th>Data defesa</th>
		                <th>Nome do Orientador</th>
		                <th>Nome do Aluno</th>
		                <th>Opções</th>
		              </tr>
		              <c:forEach items="${pendenciasProposta}" var="proposta" varStatus="c">
		              <tr>
		                <td align="center" bgcolor="#A7D7ED"><fmt:formatNumber value="${proposta.id}" minIntegerDigits="4" groupingUsed=""/></td>
		                <td align="center" bgcolor="#A7D7ED"><fmt:formatDate value="${proposta.data_proposta}" pattern="dd/MM/yyyy"/></td>
		                <td align="center" bgcolor="#A7D7ED">${proposta.orientador.nome}</td>
		                <td align="center" bgcolor="#A7D7ED">${proposta.aluno.nome}</td>
		                <td align="center" bgcolor="#A7D7ED">
		                	<a href="admin/propostas/${proposta.id}" class="btn btn-detalhes-proposta" 
		                		id="${proposta.id}" alt="${proposta.aluno.nome}">Detalhes</a>
		                	<a href="admin/propostas/${proposta.id}/homologar" class="btn btn-homologar-proposta" 
		                		title="${proposta.id}" alt="${proposta.aluno.nome}">Homologar</a>
		                </td>
		              </tr>
		              </c:forEach>
		            </table>
		            </c:otherwise>
		        </c:choose>
				</div>
				<div id="aba-2">
				<c:choose>
					<c:when test="${empty pendenciasDefesa}">
						<p>Nenhuma defesa pendente.</p>
					</c:when>
					<c:otherwise>
					<table width="100%" bordercolor="#000000" border="0" cellspacing="3" cellpadding="2">
		              <tr>
		                <th>Nº Processo</th>
		                <th>Data defesa</th>
		                <th>Nome do Orientador</th>
		                <th>Nome do Aluno</th>
		                <th>Opções</th>
		              </tr>
		              <c:forEach items="${pendenciasDefesa}" var="defesa" varStatus="c">
		              <tr>
		                <td align="center" bgcolor="#A7D7ED"><fmt:formatNumber value="${defesa.id}" minIntegerDigits="4" groupingUsed=""/></td>
		                <td align="center" bgcolor="#A7D7ED"><fmt:formatDate value="${defesa.data_defesa}" pattern="dd/MM/yyyy"/></td>
		                <td align="center" bgcolor="#A7D7ED">${defesa.orientador.nome}</td>
		                <td align="center" bgcolor="#A7D7ED">${defesa.aluno.nome}</td>
		                <td align="center" bgcolor="#A7D7ED">
		                	<a href="admin/defesas/${defesa.id}" class="btn btn-detalhes-defesa" 
		                		id="${defesa.id}" alt="${defesa.aluno.nome}">Detalhes</a>
		                	<a href="admin/defesas/${defesa.id}/homologar" class="btn btn-homologar-defesa" 
		                		title="${defesa.id}" alt="${defesa.aluno.nome}">Homologar</a>
		                </td>
		              </tr>
		              </c:forEach>
		            </table>
		            </c:otherwise>
		        </c:choose>
				</div>
			</div>

<div id="dialog" title="Mensagem do Sistema">
	<c:if test="${homologado}">
		<p id="resultado">Voto contabilizado(${homologado ? 'APROVADA': 'REPROVADA'}) com sucesso.</p>
	</c:if>
</div>
	
<div id="dialog-detalhes-defesa" title="Detalhes da Defesa #">
	<center><img src="static/imagens/ajax-loader.gif" id="loader-defesa"/></center>
	<div id="content">
	</div>
</div>

<div id="dialog-homologar-defesa" title="Homologar Defesa de Dissertação #">
	<p>Escolha uma das opções abaixo.</p>
</div>
	
<div id="dialog-detalhes-proposta" title="Detalhes da Proposta #">
	<center><img src="static/imagens/ajax-loader.gif" id="loader-proposta"/></center>
	<div id="content">
	</div>
</div>

<div id="dialog-homologar-proposta" title="Homologar Proposta de Dissertação #">
	<p>Escolha uma das opções abaixo.</p>
</div>
<%@ include file="../../includes/rodape.jsp" %>
</body>
</html>